<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>静态搜索页面</title>
</head>
<style type="text/css">
	*{
		margin:0;
		padding:0;
	}
	.box{
		width:1300px;
		margin:0 auto;
		margin-top:5px;
	}
	.header{
		width:1260px;
		height:80px;
		margin:0 auto;
		background-color:white;
		color:#d2cdcd;
		line-height:40px;
	}
	.header_one{
		color:black;
		text-decoration:underline;
	}
	.content{
		width:1300px;
		height:600px;
		margin:0 auto;
		background-color:#f3f3f3;
		padding-top:10px;
	}
	.content_box{
		width:1230px;
		height:580px;
		margin:0 auto;
		background-color:white;
	}
	.content_one{
		width:1230px;
		height:40px;
		margin:0 auto;
		background-color:white;
		color:#d2cdcd;
		line-height:40px;
		border-bottom:2px solid #f3f3f3;
	}
	.content_two{
		width:1200px;
		height:60px;
		margin:0 auto;
		background-color:white;
		color:#d2cdcd;
		line-height:60px;
		text-align:right;
		font-size:20px;
	}
	.content_two input,select{
		width: 207px;
		height: 30px;
	}
	.content_three{
		width:1200px;
		height:470px;
		margin:0 auto;
		background-color:white;
	}
	.show{color:#d2cdcd;}
	.tb_one{
		width:1200px;
		height:400px;
		margin-top:5px;
		border:1px solid #d2cdcd;
		
	}
	.tb_one th{
		width:240px;
		height:30px;
		padding:10px;
		text-align:center;
		border:1px solid #d2cdcd;
	}
	.tb_one td{
		width:240px;
		height:5px;
		padding:5px;
		text-align:center;
		color:#d2cdcd;
		border:1px solid #d2cdcd;
	}
	.tb_one .leed {
		color:#d2cdcd;
		float:right;
	}
	.tb_one a:hover{
		text-decoration:none;
		color: red;
	}
	.tb_one a:link,a:visited{
		text-decoration:none;
		color: black;
	}
	.tb_one tr .leed_1{
		
		width:20%;
	}
	.tb_one tr .leed_2{
		width:20%;
	}
	.tb_one tr .leed_3{
		width:20%;
	}
	.tb_one tr .leed_4{
		width:20%;
	}
	.tb_one tr .leed_5{
		width:20%;
	}
	.tb_two{
		width:290px;
		height:30px;
		margin-top:5px;
		border:1px solid #d1cbcb;
	}
	.tb_two td{
		text-align:center;
		border:1px solid #d1cbcb;
		color:#948b8b;
		font-size:10px;
	}
	.tb_two td:hover{
		background: #17B592;
		color: white;
	}
	.tb_two  a:hover{
		background: #17B592;
		text-decoration:none;
		color: white;
	}
	.tb_two a:link,a:visited{
		text-decoration:none;
		color: #948b8b;
	}
</style>
<body>

	<div class="box">
		<div class="header">
			<h3><?=$data[$start_index][0]?></h3>
			<span>【商品名称】</span>
			<span>/</span>
			<!-- <span><?=$page?></span> -->
			<span><?=$start_index+1?></span>
			<span>/</span>
			<span class="header_one"><?=$data[$start_index][0]?></span>
		</div>
		<div class="content">
			<div class="content_box">
				<div class="content_one">
					<span>&nbsp;【下一篇】<?=$data[$start_index+1][0]?></span>
				</div>
				<div class="content_two">
					<form >
						<span>Search:</span>						
						<input type="search" name="search" placeholder="-请输入商品价格-">
					</form>
					
				</div>
				<div class="content_three">
					<span class="show">Show 1 to 6 of 20 entries</span>
					<table class="tb_one">
						<tr>
							<th bgcolor=#f3f3f3 >Product Name<a href="?order_one=<?=$order_t?>" class="leed">↑↓</a></th>
							<th>Model<a href="?order_two=<?=$order_t?>" class="leed">↑↓</a></th>
							<th>Price<a href="?order_three=<?=$order_t?>" class="leed">↑↓</a></th>
							<th>Quantity<a href="?order_four=<?=$order_t?>" class="leed">↑↓</a></th>
							<th>Status<a href="?order_five=<?=$order_t?>" class="leed">↑↓</a></th>
						</tr>
						<!-- 显示所有
						<?php 
					    	foreach ($data as $key => $value){
    					?>
				    	<tr>
				    		<td><?= $value[0]?></td>
				    		<td><?= $value[1]?></td>
				    		<td><?= $value[2]?></td>
				    		<td><?= $value[3]?></td>
				    		<td><?= $value[4]?></td>
				    	</tr>
				    	<?php 
					    	}
    					?>
    					-->
    					<!-- 只显示5条 -->
						<?php 
						  for ($i=$start_index;$i<=$end_index;$i++){
						?>
						<tr>
							<td  class="leed_1" ><?=$data[$i][0]?></td>
							<td class="leed_2" ><?=$data[$i][1]?></td>
							<td class="leed_3" ><?=$data[$i][2]?></td>
							<td class="leed_4" ><?=$data[$i][3]?></td>
							<td class="leed_5" ><?=$data[$i][4]?></td>
						</tr>
						<?php 
						  }
						?>
					</table>
					<table class="tb_two">
						<tr>
							<td><a href="?page=1">【首页】</a></td>
							<td><a href="?page=<?=$total_page?>">【尾页】</a></td>
							<td><a href="?page=<?=$pre_page?>">Previous</a></td>
							<td><a href="?page=<?=$page?>"><?=$page?></a></td>
							<td><a href="?page=<?=$page_1?>"><?=$page_1?></a></td>
							<td><a href="?page=<?=$page_2?>"><?=$page_2?></a></td>
							<td><a href="?page=<?=$page_3?>"><?=$page_3?></a></td>
							<td><a href="?page=<?=$next_page?>">Next</a></td>
						</tr>
						
					</table>
				</div>
			</div>
		</div>
	</div>
</body>
</html>